<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/app.css"/>
	</head>
	<body>
		<div class="header">
			<div class="left"> <p>学习强国</p></div>
			<div class="content"> <p>开学第一课</p></div>
			<div class="right"> <p>| 我的</p></div>
		</div>
		<!-- 推荐，要闻，思想 -->
		<div class="topic">
			<div class="one">
				<div>推荐</div> <div>要闻</div> <div>思想</div>
			</div>
			<div class="two">
				<div>北京</div><div>综合</div><div>县级融媒</div>
			</div>
		</div>
     <!-- 		内容        -->
 		<div class="content-wrapper">
			<div class="content">大学生为什么要学习党章  | “党章的党的章程,它是一个政党为实现党的纲领...</div>
			<div class="bottom">
				<div class="red">置顶</div>
				<div>新华社</div> <div>评论</div> <div>2373</div> <div>2分钟前</div>
			</div>
		</div>
		
		<div class="content-wrapper">
			<div class="content">上游疫情严重？每个人都是自己健康的第一负责人，众志成城，科学应对，群...</div>
			<div class="bottom">
				<div class="red">热</div>
				<div>央视网</div> <div>评论</div> <div>28973</div> <div>10分钟前</div>
			</div>
		</div>
		
		<div class="content-wrapper" style="height: 73vw;">
			<div class="content">疫情下高考学子砥砺前行？考试难度上升？</div>
			<div class="pic">
				
					<img class="tupian1" src="img/tupian.png" />
					<img class="tupian" src="img/gaokao.png" />
					<img class="tupian" src="img/gaokao2.png" />
				</div>
			<div class="bottom" style="width: 70vw;">
				<div class="red">热</div>
				<div>金华新闻</div> <div>评论</div> <div>23734545</div> <div>13分钟前</div>
			</div>
		</div>	
			
			<div class="content-wrapper" style="height: 73vw;">
				<div class="content">疫情疫苗</div>
				<img src="img/yiqing.png">
				<div class="bottom">
					<div class="blue">广告</div>
					<div>人民日报</div> <div>评论</div> <div>23</div> <div>20分钟前</div>
				</div>
		</div>
	</body>
</html>
